<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // Fetch API 基本用法
        
        // get传参一
        // fetch('http://localhost:3000/books?id=123',{
        //     method: 'get'
        // }).then(function(data){
        //     return data.text();
        // }).then(function(data){
        //     console.log(data)
        // })

        // get传参二
        // fetch('http://localhost:3000/books/456',{
        //     method:"get"
        // }).then(function(res){
        //     return res.text();
        // }).then(function(res){
        //     console.log(res)
        // })
        
         // delete传参
        // fetch('http:localhost:3000/books/789',{
        //     method: 'delete'
        // }).then(function(data){
        //     return data.text()
        // }).then(function(data){
        //     console.log(data)
        // })

        // post传参一
        // fetch('http:localhost:3000/books',{
        //     method: 'post',
        //     body: 'uname=lisi&pwd=123',
        //     headers: {
        //         'Content-type': 'application/x-www-form-urlencoded'
        //     }
        // })
        //     .then(function(res){
        //         return res.text()
        //     })
        //     .then(function(data){
        //         console.log(data)
        //     })

        // post传参二
        // fetch('http:localhost:3000/books',{
        //     method: 'post',
        //     body: JSON.stringify({
        //         uname: '张三',
        //         pwd: '456'
        //     }),
        //     headers:{
        //         'Content-Type': 'application/json'
        //     }
        // })
        //     .then(function(data){
        //         return data.text()
        //     })
        //     .then(function(data){
        //         console.log(data)
        //     })

        // put 修改数据
        fetch('http:localhost:3000/books/123',{
          method: 'put',
          body: JSON.stringify({
              uname: "张三",
              pwd: '789'
          }),
          headers:{
              'Content-Type':'application/json'
          } 
        })
        .then(function(res){
            return res.text()
        })
        .then(function(res){
            console.log(res)
        })
    </script>
</body>
</html>